@charset "utf-8";
@import "common";
$mainColor: #2b80d9;
section {
  .carousel {
    .carousel-inner {
      .item {
        background-color: $mainColor;
        img {
          margin: 0 auto;
        }
      }
    }
    .carousel-control.right,
    .carousel-control.left {
      background-image: none;
    }
  }
}
body {
  section {
    .eng-wrapper {
      background-color: #fbfaf7;
      .eng {
        padding-bottom: 104px;
        background-image: url("../images/index/bg.png");
        background-repeat: no-repeat;
        background-position: right calc(100% - 40px);
        .title-box {
          h3 {
            font-size: 48px;
            font-weight: bold;
            color: #0078d7;
            margin: 104px 0 39px;
          }
          p {
            font-size: 30px;
            color: #666666;
            margin-bottom: 77px;
          }
        }
        .content-box {
            display: flex;
            flex-wrap: wrap;
            .row{
              display: flex;
              flex-wrap: wrap;
.eng_item {
            margin-bottom: 42px;
            display: flex;
            align-content: space-between;
            .eng_item_left {
               
              .img_box {
                text-align: center;
                line-height: 64px;
                width: 64px;
                height: 64px;
                border-radius: 4px;
                background-color: #0078d7;
                transition: All 0.4s ease-in-out;
               &:hover{
                transform: rotateZ(360deg);
                transform-origin: center center;
              }
              }
            }
            .eng_item_right {
              margin-left: 15px;
              h3 {
                line-height: 26px;
                font-size: 19px;
              }
              p {
                margin-top: 12px;
                line-height: 25px;
                font-size: 14px;
              }
            }
          }
            }
          
        }
      }
    }
    .adva-wrapper {
      background-image: url("../images/index/bg-1.png");
      background-repeat: no-repeat;
      background-position: left center;
      margin-top: 110px;
      .adva {
        padding-bottom: 89px;
        .adva-box {
          h3 {
            font-size: 48px;
            color: #8fc31f;
            font-weight: bold;
            margin-bottom: 51px;
          }
        }
        .adva-box-1 {
          display: flex;
          align-content: space-between;
          margin-bottom: 16px;
          .adva-left {
            margin-right: 10px;
            .adva-img-box {
              width: 54px;
              height: 54px;
              background-color: #8fc31f;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
            }
          }
          .adva-right {
            font-size: 14px;
            line-height: 54px;
            color: #666666;
          }
        }
      }
    }
    .product-wrapper {
      padding-bottom: 66px;
      background-color: #0079d7;
      .product {
        padding-top: 245px;
        h3 {
          text-align: center;
          font-size: 48px;
          color: white;
        }
        .row {
          display: flex;
          flex-wrap: wrap;
          .product-box {
          //height: 208px;
          padding: 72px 65px 0 21px;
          display: flex;
          align-content: space-between;
          .product-left {
            padding-top: 10px;
          }
          .product-right {
            margin-left: 60px;
            h3 {
              font-size: 32px;
              text-align: left;
              margin-bottom: 14px;
            }
            p {
              line-height: 29px;
              font-size: 14px;
              color: white;
            }
          }
        }
        }
        
      }
    }
    .game-wrapper {
      padding-top: 87px;
      padding-bottom: 17px;
      .game-box {
        margin-right: 17px;
        margin-bottom: 50px;
        h3 {
          display: inline-block;
          font-size: 35px;
        }
      }
      .game-left {
        margin-bottom: 25px;
        img{
          cursor: pointer;
          margin: 0 auto;
        }
      }
      .game-right {
        padding-top: 5px;
        .row{
          display: flex;
          flex-wrap: wrap;
          .game {
            
          cursor: pointer;
          text-align: center;
          margin-bottom: 34px;
          img{
            margin: 0 auto;
          }
          p {
            margin-top: 7px;
            // overflow: hidden;
            // white-space: nowrap;
            // text-overflow: ellipsis;
          }
        }
        }
        
      }
    }
    .partners-wrapper {
      padding-bottom: 44px;
      background-color: #f4f4f4;
      .partners {
        padding-top: 40px;
        .partners-box {
          margin-bottom: 33px;
          h3 {
            font-size: 30px;
            display: inline-block;
          }
          span {
            font-size: 12px;
            color: #777777;
          }
        }
        .partners-detail {
          .partners-1 {
            cursor: pointer;
            margin-bottom: 20px;
            .partners-img {
              img {
                border: 1px solid #dddddd;
                border-radius: 3px;
              }
            }
          }
        }
      }
    }
  }
}
@media (max-width: 768px) {
  .eng,
  .adva-wrapper {
    background-image: none !important;
  }
  .title-box {
    text-align: center;
  }
  .adva-box {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .eng-wrapper {
    .eng {
      .title-box {
        transform: scale(0.7);
      }
    }
  }
  .adva-wrapper {
    .adva {
      .adva-box {
        transform: scale(0.7);
      }
    }
  }
}
@media (min-width: 768px) and(max-width:992px) {
  .eng,
  .adva-wrapper {
    background-size: 200px;
    background-position: right 15%;
  }
}
